@import "common.css"

.header.in-header
  height 4027px
  background url(../image/netletter/netletter-bg-1.png) no-repeat  center
  background-size cover
  font-family '方正悠黑简体_502L'
  .s-top
    height 96px
    width 1200px
    margin 0 auto
    text-align right
    img
      float left
      margin-top 24px
    .s-dh
      height 96px
      font-size 0
      line-height 106px
      a
        color #fff
        font-size 16px
        display inline-block
        width 113px
        text-align center
        height 100%
        border-bottom-left-radius 4px
        border-bottom-right-radius 4px
        font-family "微软雅黑"
        &.active
          background rgba(0,0,0,0.3)
          color #fff
  .container
    width 1200px
    margin 0 auto
    text-align center
    .network-info
      margin-top 45px
    .project-bg
      width 844px
      margin 0 auto
      text-align center
      margin-top 92px
      color #fff
      .title
        font-size 36px
        color #0acdf0
        margin-bottom 20px
        font-weight bold
      .sub-title
        font-size 18px
        margin-bottom 40px
        font-weight bold
      .cont-top
      .cont-bottom
        text-align left
        font-size 16px
        line-height 30px
        font-family '微软雅黑'
      .cont-top
        margin-bottom 30px
      .cont-bottom
        margin-bottom 138px
    .design-ideas
      margin-top 100px
      text-align left
      .head
        .text
          position relative
          bottom 10px
          .title
          .sub-title
            display inline-block
            margin-bottom 20px
          .title
            font-size 32px
            color #222222
            font-weight bold
          .sub-title
            margin-left 10px
            font-size 22px
            color #989898
            font-weight 600
      .cont
        line-height 30px
    .prototype-design
      margin-top 293px
      text-align left
      width 810px
      float right
      .head
        text-align right
        >img
          padding-right 250px
        .text
          position relative
          bottom 10px
          .title
          .sub-title
            display inline-block
            margin-bottom 20px
          .title
            font-size 32px
            color #fff
            font-weight bold
          .sub-title
            font-size 22px
            color #989898
            font-weight 600
            margin-left 10px
      .cont
        line-height 35px
        color #e6e6ea
        font-size 22px
        margin-bottom 116px
.interaction
  font-family '方正悠黑简体_502L'
  height 1234px
  >.inner
    width 1200px
    margin 0 auto
    padding-top 106px
    text-align left
    .head
      .text
        margin-top 40px
        .title
        .sub-title
          display inline-block
          margin-bottom 20px
        .title
          font-size 32px
          color #222222
          font-weight bold
        .sub-title
          margin-left 10px
          font-size 22px
          color #989898
          font-weight 600
    .cont
      line-height 30px
      font-size 18px
      color #090b1a
      font-weight 600
      margin-bottom 90px
.show-detail
  font-family '方正悠黑简体_502L'
  height 1210px
  background-color #090b1a
  >.inner
    width 1200px
    margin 0 auto
    padding-top 70px
    text-align left
    .head
      .text
        margin-top 40px
        .title
        .sub-title
          display inline-block
          margin-bottom 20px
        .title
          font-size 32px
          color #fff
          font-weight bold
        .sub-title
          margin-left 10px
          font-size 22px
          color #989898
          font-weight 600
    .cont
      line-height 30px
      font-size 18px
      color #676767
    .clearfix
      // padding 0 131px
      >img
        // margin-bottom 95px
        margin-right 92px
        &:nth-child(2n)
          margin-right 0
.case-li
  width 100%
  height 324px
  background #f4f4f6
  padding 52px calc(50% - 600px)
  box-sizing border-box
  position relative
  .swi
    width 1200px
    margin 0 auto
    position relative
    .swiper-container
      width 1100px
    .swiper-button-next
      background-image url(../image/Next-b.png) !important
    .swiper-button-prev
      background-image url(../image/prev-b.png) !important
    a
      display block
      width 362px
      height 214px
      position relative
      img
        width 362px
        height 214px
      .op
        width 362px
        height 215px
        background rgba(0,0,0,0.9)
        position absolute
        left 0
        top 0
        opacity 0
        transition 0.3s
        .title
          text-align center
          margin-top 65px
          span
            font-size 30px
            color #ffffff
            font-family '方正悠黑简体_502L'
            border-bottom 1px solid #81838a
            padding-bottom 12px
        .msg
          font-size 14px
          color #ffffff
          text-align center
          width 90px
          height 24px
          line-height 24px
          background #2b45c3
          margin 0 auto
          margin-top 30px
        &:hover
          opacity 1
.theend
  position relative
  img
    width 100%
  .most-con
    width 100%
    font-size 0
    padding 0 calc(50% - 600px)
    box-sizing border-box
    margin-top -4px
    height 154px
    padding-top 57px
    a
      width 180px
      height 58px
      border 1px solid #979797
      box-sizing border-box
      text-align center
      line-height 58px
      display inline-block
      color #8e8f8f
      font-size 18px
    .prev
      float left
    .next
      float right


